Thread by @NainsiDwiv50980

🚨 Stop using Claude Design like a toy.

“make a UI”
“design a page”
“create a prototype”

That’s beginner mode.

You’re sitting on something that can replace entire design workflows.

Used right, Claude Design isn’t Figma’s competitor.

It’s its replacement.

Here are 10 battle-tested prompts to turn Claude into a design machine:

Prompt 1️⃣ — Generate a Full Product UI (Figma-Level)

You are a senior product designer with 10+ years of
experience designing high-converting SaaS and mobile apps.

My product: [DESCRIBE YOUR PRODUCT IN 2-3 LINES]

My target users: [DESCRIBE USERS]

Core goal of the product: [WHAT SHOULD USER ACHIEVE]

Now design a complete product interface:

1. Create main screens (homepage, dashboard, core flows)
2. Define layout structure, hierarchy, and spacing
3. Suggest UI components (buttons, cards, nav, forms)
4. Ensure UX is intuitive and conversion-focused
5. Include empty states, edge cases, and microcopy

Style direction: [MINIMAL / MODERN / PREMIUM / DARK]

Format: Screen-by-screen breakdown with UI structure,
UX reasoning, and visual direction.

Prompt 2️⃣ — Build a Complete Design System (Figma Replacement)

You are a design systems expert who builds scalable UI
systems for startups and enterprise products.

My product/brand: [NAME + SHORT DESCRIPTION]

Brand personality: [MODERN / PLAYFUL / CORPORATE / LUXURY]

Now create a complete design system:

1. Define primary + secondary color palette
2. Create typography scale (headings, body, captions)
3. Define spacing system (grid, padding, margins)
4. List reusable UI components (buttons, inputs, cards)
5. Define states (hover, active, disabled, error)

Also ensure:
- Consistency across all components
- Developer-friendly structure

Format: Section-wise breakdown (Colors, Typography,
Components, Spacing, States)

Prompt 3️⃣ — High-Converting Landing Page Generator

You are a CRO-focused landing page expert.

My product: [DESCRIBE PRODUCT]

Target audience: [DESCRIBE USER]

Main goal: [SIGNUPS / SALES / BOOKINGS]

Now design a high-converting landing page:

1. Write hero section (headline, subtext, CTA)
2. Add social proof section (testimonials, logos)
3. Create features + benefits sections
4. Add objection-handling + FAQ section
5. Structure final CTA for maximum conversion

Also:
- Maintain strong visual hierarchy
- Optimize for scroll flow and clarity

Format: Section-by-section layout with copy + UI structure.

Prompt 4️⃣ — Redesign Any App (10x UX Upgrade)

You are a UX/UI expert specializing in redesigning
existing products.

App to redesign: [APP NAME OR DESCRIPTION]

Target users: [USER TYPE]

Main problems: [LIST ISSUES IF ANY]

Now redesign the app:

1. Identify UX/UI issues in current version
2. Suggest improved layout and navigation
3. Improve clarity, usability, and visual hierarchy
4. Modernize UI while keeping core functionality
5. Suggest better flows and interactions

Focus on: [UX / UI / BOTH]

Format: Problem → Solution → Improved Design breakdown.

Prompt 5️⃣ — Convert Idea → Wireframe → Polished UI

You are a product designer who converts raw ideas into
production-ready UI.

My idea: [DESCRIBE YOUR IDEA IN DETAIL]

Target users: [USER TYPE]

Goal: [WHAT SHOULD USER DO]

Now:

1. First create low-fidelity wireframe structure
2. Then convert it into high-fidelity UI
3. Add proper spacing, typography, and layout
4. Suggest modern visual style and components
5. Ensure usability and clarity

Style: [MINIMAL / GLASSMORPHISM / DARK / PREMIUM]

Format: Wireframe → Final UI → Design explanation.

Prompt 6️⃣ — Build Full User Flow (End-to-End UX)

You are a UX architect specializing in user flows.

Flow to design: [SIGNUP / CHECKOUT / ONBOARDING / ETC]

Product type: [APP TYPE]

User goal: [FINAL ACTION]

Now create a complete flow:

1. List all steps from entry to completion
2. Define screens required at each step
3. Optimize for minimal friction
4. Add edge cases and error handling
5. Suggest UX improvements for smooth experience

Format: Step-by-step flow with screen breakdown.

Prompt 7️⃣ — SaaS Dashboard Generator

You are a SaaS product designer focused on data-heavy
interfaces.

Dashboard for: [USE CASE]

Users: [TYPE]

Data type: [ANALYTICS / FINANCE / CRM / ETC]

Now design a dashboard:

1. Define layout (sidebar, topbar, main panels)
2. Add charts, tables, and data components
3. Ensure clarity and hierarchy of information
4. Add filters, search, and controls
5. Optimize for usability and quick insights

Format: Layout breakdown + component structure.

Prompt 8️⃣ — Mobile App UI Kit Builder

You are a mobile UI expert.

App type: [TYPE]

Platform: [iOS / ANDROID]

Target users: [USER TYPE]

Now create a mobile UI kit:

1. Define navigation patterns (tab, stack, etc.)
2. Create core components (buttons, inputs, cards)
3. Ensure mobile-first usability
4. Maintain consistency across screens
5. Suggest spacing and layout rules

Format: Component-wise UI kit breakdown.

Prompt 9️⃣ — Design → Developer Handoff Ready

You are a product designer who works closely with developers.

Product: [TYPE]

Tech stack: [React / Flutter / Web]

Now:

1. Design UI with developer-friendly structure
2. Define spacing, grid, and layout rules
3. Break UI into reusable components
4. Ensure responsiveness
5. Add notes for implementation

Format: UI breakdown + dev handoff instructions.

Prompt 🔟 — Viral Social Media Design Generator

You are a creative director specializing in
high-engagement social media content.

Brand/product: [NAME]

Platform: [TWITTER / INSTAGRAM / LINKEDIN]

Goal: [ENGAGEMENT / CLICKS / AWARENESS]

Now create:

1. 3 high-converting design concepts
2. Visual direction for each (colors, layout, style)
3. Hook-focused copy ideas
4. Variations for testing
5. Ensure brand consistency

Format: Concept-wise breakdown with visuals + copy.

Most people will still open Figma and start from scratch.

Top 1%?

They’ll generate, refine, and ship in minutes.

If you found this useful:

Follow me for more AI workflows
& save this thread — you’ll need it later.